<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家居医生网</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="head">
        <img src="images/logo.png" alt="">
    </div>
    <div class="nav">
        <div class="nav-body">
            <div class="nav-left">
                <img src="images/location.png" alt="">
                <p>深圳<切换></p>
            </div>
            <div class="nav-mid">
                <ul>
                    <li>首页</li>
                    <li>资讯</li>
                    <li>测评</li>
                    <li>商城</li>
                </ul>
            </div>
            <div class="nav-right">
                <img src="images/adm.png" alt="">
                <p>个人中心</p>
            </div>
        </div>
    </div>
    <div class="body">
        <div class="body-1">
            <p>首页    >   预防装修污染    >   材料库</p>
        </div>
        <div class="body-2">
            <ul>
                <li>类别</li>
                <li>全部</li>
                <li>地板</li>
                <li>涂料</li>
                <li>墙纸</li>
                <li>瓷砖</li>
                <li>粘胶剂</li>
                <li>油漆</li>
                <li>家具</li>
                <li>板材</li>
                <li>饰品</li>
                <li><img src="images/indexSelect.png" alt=""></li>
            </ul>
            <ul>
                <li>类型</li>
                <li>全部</li>
            </ul>
            <ul>
                <li>材质</li>
                <li>全部</li>
                <li>实木</li>
                <li>复合</li>
                <li>强化</li>
                <li>其他</li>
            </ul>
            <ul>
                <li>品牌</li>
                <li>全部</li>
                <li>圣象</li>
                <li>大自然</li>
                <li>生活家</li>
                <li>北美枫情</li>
                <li>德尔</li>
                <li>博典</li>
                <li>船王</li>
            </ul>
        </div>
        <div class="body-3">
            <div class="body-3-left">
                <p>发布时间<img src="images/downicon.png" alt=""></p>
                <p>价格<img src="images/upicon.png" alt=""></p>
                <p>环保节能<img src="images/upicon.png" alt=""></p>
            </div>
            <div class="inputmid">
                <div class="body-3-mid">
                    <input type="text" class="input" placeholder="搜索">
                    <button class="button">&nbsp&nbsp&nbsp搜索</button>
                </div>
            </div>
            <div class="body-3-right">
                <img src="images/wenhao.png" alt="">
                <p>了解家居医生建材环保评级标准</p>
            </div>
        </div>
        <div class="body-4">
            <div class="commodity">
                <img class="data-image" src="images/data_image.png" alt="">
                <div class="information">
                    <p>德尔    都市系列3001</p>
                    <p>木地板 - 复合地板</p>
                    <p>单价：128元/m²</p>
                </div>
                <div class="grade">
                    <p>环保评级：B</p>
                    <p>（可以使用）</p>
                </div>
            </div>
            <div class="commodity">
                <img class="data-image" src="images/data_image.png" alt="">
                <div class="information">
                    <p>德尔    都市系列3001</p>
                    <p>木地板 - 复合地板</p>
                    <p>单价：128元/m²</p>
                </div>
                <div class="grade">
                    <p>环保评级：B</p>
                    <p>（可以使用）</p>
                </div>
            </div>
            <div class="commodity">
                <img class="data-image" src="images/data_image.png" alt="">
                <div class="information">
                    <p>德尔    都市系列3001</p>
                    <p>木地板 - 复合地板</p>
                    <p>单价：128元/m²</p>
                </div>
                <div class="grade">
                    <p>环保评级：B</p>
                    <p>（可以使用）</p>
                </div>
            </div>
            <div class="commodity" id="commodity">
                <img class="data-image" src="images/data_image.png" alt="">
                <div class="information">
                    <p>德尔    都市系列3001</p>
                    <p>木地板 - 复合地板</p>
                    <p>单价：128元/m²</p>
                </div>
                <div class="grade">
                    <p>环保评级：B</p>
                    <p>（可以使用）</p>
                </div>
            </div>
            <div class="commodity">
                <img class="data-image" src="images/data_image.png" alt="">
                <div class="information">
                    <p>德尔    都市系列3001</p>
                    <p>木地板 - 复合地板</p>
                    <p>单价：128元/m²</p>
                </div>
                <div class="grade">
                    <p>环保评级：B</p>
                    <p>（可以使用）</p>
                </div>
            </div>
            <div class="commodity">
                <img class="data-image" src="images/data_image.png" alt="">
                <div class="information">
                    <p>德尔    都市系列3001</p>
                    <p>木地板 - 复合地板</p>
                    <p>单价：128元/m²</p>
                </div>
                <div class="grade">
                    <p>环保评级：B</p>
                    <p>（可以使用）</p>
                </div>
            </div>
            <div class="commodity">
                <img class="data-image" src="images/data_image.png" alt="">
                <div class="information">
                    <p>德尔    都市系列3001</p>
                    <p>木地板 - 复合地板</p>
                    <p>单价：128元/m²</p>
                </div>
                <div class="grade">
                    <p>环保评级：B</p>
                    <p>（可以使用）</p>
                </div>
            </div>
            <div class="commodity" id="commodity">
                <img class="data-image" src="images/data_image.png" alt="">
                <div class="information">
                    <p>德尔    都市系列3001</p>
                    <p>木地板 - 复合地板</p>
                    <p>单价：128元/m²</p>
                </div>
                <div class="grade">
                    <p>环保评级：B</p>
                    <p>（可以使用）</p>
                </div>
            </div>
        </div>
        <div class="body-5">
            <div class="last-page">
                <button>上一页</button>
            </div>
            <div class="page">
                <p>1</p>
                <p>2</p>
                <p>3</p>
                <p>4</p>
                <p>5</p>
            </div>
            <div class="last-page">
                <button>下一页</button>
            </div>
            <div class="Npage">
                <p>共有十页，去第</p>
                <input type="text">
                <p>页</p>
            </div>
            <div class="True">
                <button>确定</button>
            </div>
        </div>
        <div class="body-6">
            <img src="images/small_weixin.png" alt="">
            <div class="body-6-right">
                <p class="feedback">建材检测  需求反馈</p>
                <p class="Tousers">亲爱的用户，我们正在不断的完善和更新建材库。</p>
                <p class="Tousers">若没有找到您想要的材料信息，请将您想测的建材告诉我们。</p>
            </div>
        </div>
    </div>
    <div class="foot">
        <div class="foot-body">
            <div class="foot-body-left">
                <img src="images/footerLogo.png" alt="">
                <p>为室内环境健康把好每一关</p>
                <p>家居医生致力于中国人的家居健康问题，通过专业的技术研究和测评，倾力于协助大众打造绿色、环保的人居住生活环境。</p>
            </div>
            <div class="foot-body-mid">
                <p>关于我们</p>
                <p>版权说明</p>
                <p>联系我们</p>
                <p>用户隐私</p>
                <p>加入我们</p>                
                <p>免费申请</p>
            </div>
            <div class="foot-body-right">
                <p class="Wchat">官方微信</p>
                <p class="tianmao">天猫旗舰店</p>
                <p class="shop">有赞商城</p>
            </div>
        </div>
        <div class="foot-bottom">
            <p>深圳建筑科学研究院股份有限公司           家居医生网</p>
            <p>粤ICP备08011321号 ©Copyright All Rights Reserved</p>
        </div>
    </div>
</div>
</body>
</html>